<template>
	<view class="flex-column">
		<Header></Header>
		<view class="home">
			<!-- 随点科技 -->
			<!-- <view class="banner-url"> -->
			<swiper class="banner" :autoplay="false" :indicator-dots="true">
				<swiper-item>
					<view class="flex-column  banner-url1">
						<text class="banner-title">随点科技</text>
						<text class="banner-jieshao">助力企业数字转型</text>
						<text class="banner-shuoming">深耕智慧园区、智慧水务、智慧社区和合气网天然气交易平台等…</text>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="flex-column flex-center flex-align banner-url2"></view>
				</swiper-item>
			</swiper>
			<!-- </view> -->

			<!-- 关于我们 -->
			<view class="flex-column flex-center flex-align aboutus">
				<view class="flex-column aboutus-top">
					<view class="flex-row flex-align flex-between about-top-firstline">
						<text class="aboutus-top-about">关于我们</text>
						<view class="aboutus-top-more" @click="gotoAbout">查看更多</view>
					</view>
					<view class="flex-row flex-center flex-align about-top-secondline">

						<image class="about-top-img"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_about.png"></image>
						<text class="about-top-suidian">
							青岛随便一点网络技术有限公司是一家致力于物联网大数据开发的科技公司，名下产品有"智慧社区平台"，"智慧园区平台"，"智慧水务平台",“合气网"等产品，未来规划：新能源电桩+智慧场馆等项目。</text>

					</view>
				</view>
				<view class="flex-row flex-around about-bottom">
					<view class="flex-column flex-center flex-align">
						<image class="about-bottom-img"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-1.png"></image>
						<text class="about-bottom-firstext">软件独立部署</text>
						<text class="about-bottom-secondtext">一次买断</text>
						<text class="about-bottom-secondtext">提供加密和部署版</text>
					</view>
					<view class="flex-column flex-center flex-align">
						<image class="about-bottom-img"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_1.2.png"></image>
						<text class="about-bottom-firstext">SAAS版</text>
						<text class="about-bottom-secondtext">免费+补贴快速</text>
						<text class="about-bottom-secondtext">打造全球物联网系统</text>
					</view>
					<view class="flex-column flex-center flex-align">
						<image class="about-bottom-img"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_1.3.png"></image>
						<text class="about-bottom-firstext">海量数据高并发</text>
						<text class="about-bottom-secondtext">高性能底层架构</text>
						<text class="about-bottom-secondtext">支持，安全稳定</text>
					</view>
				</view>
			</view>
			<!-- 产品介绍 -->
			<view class="flex-column flex-align product">
				<text class="product-cpjstext">产品介绍</text>
				<view class="flex-row flex-align product-pictures">
					<view class="flex-column flex-align flex-center shequ">
						<image class="product-smallpic"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_zhsq .png"></image>
						<text class="product-text">智慧社区</text>
						<view class="dianjichakan" @click="gotoShequ">点击查看</view>
					</view>
					<view class="flex-column flex-align flex-center yuanqu">
						<image class="product-smallpic"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_zhyq.png"></image>
						<text class="product-text">智慧园区</text>
						<view class="dianjichakan" @click="gotoPark">点击查看</view>
					</view>
				</view>
				<view class="flex-row flex-align">
					<view class="flex-column flex-align flex-center shuiwu">
						<image class="product-smallpic"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_zhsw.png"></image>
						<text class="product-text">智慧水务</text>
						<view class="dianjichakan" @click="gotoWater">点击查看</view>
					</view>
					<view class="flex-column flex-align flex-center heqiwang">
						<image class="product-smallpic"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_hqw.png"></image>
						<text class="product-text">合气网</text>
						<view class="dianjichakan" @click="gotoHeqi">点击查看</view>
					</view>
				</view>
			</view>
			<!-- 产品价格 -->
			<view class="flex-column flex-align price">
				<text class="price-cpjgtext"> 产品价格 </text>
				<view class="flex-column flex-align price-wbk">
					<view class="price-yellowbk">技术服务套餐</view>
					<view class="flex-row flex-align flex-center price-tuwen ">
						<image class="price-img"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_2.1.png"></image>
						<text class="price-text"> 适用于项目开发场景基础较弱<br>或无研发团队的企业，委托随<br>点科技开发项目</text>
					</view>
				</view>

				<view class="flex-column flex-align price-wbk">
					<view class="price-yellowbk">行业应用套餐</view>
					<view class="flex-row flex-align flex-center price-tuwen ">
						<image class="price-img"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_2.2.png"></image>
						<text class="price-text"> 打包随点成品智慧应用标准模<br>板支持一次购买批量复制推广</text>
					</view>
				</view>

				<view class="flex-column flex-align price-wbk">
					<view class="price-yellowbk">数据治理套餐</view>
					<view class="flex-row flex-align flex-center price-shujutw ">
						<image class="price-shujuimg"
							src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/pic_2.3.png"></image>
						<text class="price-text"> 打通数据孤岛，解决业务数据<br>分散难题，数据分析推动业务决策</text>
					</view>
				</view>

			</view>
			<!-- 合作伙伴 -->
			<view class="flex-column flex-align cooperative">
				<text class="flex-column flex-center cooperative-hzhbtext">合作伙伴</text>
				<view class="flex-row flex-around cooperative-jianju">
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A12O10.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A1535E.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A205c8.png">
					</image>
				</view>
				<view class="flex-row flex-around cooperative-jianju">
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-211126164P5J0.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A054230.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-211126164K4V5.png">
					</image>
				</view>
				<view class="flex-row flex-around cooperative-jianju">
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-21112616495B38.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-211126164Q5106.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-21112616492E25.png">
					</image>
				</view>
				<view class="flex-row flex-around cooperative-jianju">
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A115J1.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A044427.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-211126164R4649.png">
					</image>
				</view>
				<view class="flex-row flex-around cooperative-jianju">
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A105941.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/1-2111261A545534.png">
					</image>
					<image class="cooperative-img"
						src="https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_zhongkong .png"></image>
				</view>
			</view>
			<!-- <u--image src="https://cdn.uviewui.com/uview/album/1.jpg" mode="widthFix"></u--image> -->
		</view>
		<Footer></Footer>
	</view>
</template>

<script>
	import Header from '@/commonponet/header/header.vue'
	import Footer from '@/commonponet/footer/footer.vue'
	export default {
		components: {
			Header,
			Footer

		},
		data() {
			return {
				title: '',
				banner: [{
					url: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/banner.png',
					title: '',
					jieshao: '助力企业数字转型',
					shuoming: '深耕智慧园区、智慧水务、智慧社区和合气网天然气交易平台等…',
				}, {
					url: 'https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/banner.png',
				}],
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {
			gotoAbout() {
				uni.navigateTo({
					url: '/pages/about/about'
				})
			},
			gotoShequ() {
				uni.navigateTo({
					url: '/commonponet/shequ'
				})
			},
			gotoPark() {
				uni.navigateTo({
					url: '/commonponet/park'
				})
			},
			gotoWater() {
				uni.navigateTo({
					url: '/commonponet/water'
				})
			},
			gotoHeqi() {
				uni.navigateTo({
					url: '/commonponet/heqi'
				})
			}
		}
	}
</script>

<style lang="scss">
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}

	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}

	.banner {
		margin-top: 88rpx;
		width: 750rpx;
		height: 448rpx;

		/deep/ .uni-swiper-dots {
			// 指示点整个区域的位置
			bottom: 100rpx;
		}

		/deep/ .uni-swiper-dot {
			// 指示点元素默认样式
			width: 63rpx !important;
			height: 4rpx !important;
			background: #FAFAFA !important;
			border-radius: 0rpx !important;

		}

		/deep/ .uni-swiper-dot-active {
			// 指示点元素激活（当前选中）状态样式
			background: #FFC244 !important;
		}
	}

	.banner-url1 {
		width: 750rpx;
		height: 448rpx;
		background: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/banner.png') no-repeat center center;
		background-size: 750rpx 448rpx;

	}

	.banner-url2 {
		width: 750rpx;
		height: 448rpx;
		background: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/banner2.jpg') no-repeat center center;
		background-size: 750rpx 448rpx;
	}

	.banner-title {
		font-size: 34rpx;
		font-weight: 400;
		color: #FFC244;
		margin-top: 110rpx;
		margin-left: 30rpx;
	}

	.banner-jieshao {
		font-size: 34rpx;
		font-weight: 400;
		color: #FFFFFF;
		margin-left: 30rpx;
	}

	.banner-shuoming {
		width: 410rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #FFFFFF;
		opacity: 0.79;
		margin-top: 46rpx;
		margin-left: 30rpx;
	}

	.aboutus {
		height: 734rpx;
		background: url('https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_about us.png') no-repeat left center;
		background-size: 750rpx 734rpx;
	}

	.aboutus-top {
		width: 686rpx;
		height: 368rpx;
		background: #FFFFFF;
		box-shadow: -5rpx 4rpx 32rpx 8rpx rgba(46, 82, 133, 0.09);
		border-radius: 10rpx;
		margin-top: -66rpx;
		z-index: 1;
	}

	.about-top-firstline {
		margin-top: 28rpx;
	}

	.aboutus-top-about {
		font-size: 34rpx;
		font-weight: bold;
		color: #333333;
		margin-left: 276rpx;
	}

	.aboutus-top-more {
		width: 148rpx;
		height: 50rpx;
		background: #FFC244;
		border-radius: 25rpx 0rpx 0rpx 25rpx;
		font-size: 22rpx;
		line-height: 50rpx;
		font-weight: 400;
		text-align: center;
		color: #333333;
	}

	.about-top-secondline {
		margin-top: 28rpx;
	}

	.about-top-img {
		width: 208rpx;
		height: 160rpx;
	}

	.about-top-suidian {
		width: 394rpx;
		font-size: 24rpx;
		line-height: 36rpx;
		font-weight: 400;
		color: #999999;
		margin-left: 28rpx;
		text-indent: 48rpx;
	}

	.about-bottom {
		margin-top: 92rpx;
		margin-bottom: 96rpx;
		width: 100%;
	}

	.about-bottom-img {
		width: 118rpx;
		height: 118rpx;
	}

	.about-bottom-firstext {
		font-size: 28rpx;
		line-height: 60rpx;
		font-weight: 400;
		color: #333333;
	}

	.about-bottom-secondtext {
		font-size: 24rpx;
		font-weight: 400;
		color: #999999;
	}

	.product {
		height: 560rpx;
		background: url("https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_cpjs.png") no-repeat center center;
		background-size: 750rpx 560rpx;
	}

	.product-cpjstext {
		font-size: 34rpx;
		font-weight: bold;
		color: #FFFFFF;
		margin-top: 60rpx;
	}

	.shequ {
		width: 340rpx;
		height: 182rpx;
		background: url("https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_zhihuishequ.png");
		background-size: 340rpx 182rpx;
	}

	.yuanqu {
		width: 340rpx;
		height: 182rpx;
		background: url("https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_zhihuiyuanqu.png");
		background-size: 340rpx 182rpx;
	}

	.shuiwu {
		width: 340rpx;
		height: 182rpx;
		background: url("https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_zhihuishuiwu.png");
		background-size: 340rpx 182rpx;
	}

	.heqiwang {
		width: 340rpx;
		height: 182rpx;
		background: url("https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_heqiwang.png");
		background-size: 340rpx 182rpx;
	}

	.product-pictures {
		margin-top: 56rpx;
	}

	.product-smallpic {
		width: 44rpx;
		height: 44rpx;
	}

	.product-text {
		font-size: 24rpx;
		line-height: 40rpx;
		font-weight: bold;
		color: #FFFFFF;
	}

	.dianjichakan {
		width: 148rpx;
		height: 40rpx;
		background: #FFC244;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		font-size: 20rpx;
		line-height: 40rpx;
		font-weight: 400;
		text-align: center;
		color: #333333;
	}

	.price {
		width: 100%;
		height: 1310rpx;
		background: #F7F7F7;
	}

	.price-cpjgtext {
		font-size: 34rpx;
		font-weight: bold;
		color: #333333;
		margin-top: 64rpx;
		margin-bottom: 32rpx;
	}

	.price-wbk {
		width: 686rpx;
		height: 322rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		margin-top: 46rpx;
	}

	.price-yellowbk {
		width: 289rpx;
		height: 66rpx;
		background: #FFC244;
		border-radius: 10rpx;
		text-align: center;
		line-height: 66rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #333333;
		margin-top: -16rpx;
	}

	.price-tuwen {
		margin-top: 34rpx;
	}

	.price-shujutw {
		margin-top: 6rpx;
	}

	.price-img {
		width: 324rpx;
		height: 214rpx;
	}

	.price-shujuimg {
		height: 232rpx;
		width: 284rpx;
	}

	.price-text {
		width: 312rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #666666;
		margin-left: 6rpx;
	}

	.cooperative {
		width: 100%;
		height: 940rpx;
		background: url("https://sbyd-website.oss-cn-hangzhou.aliyuncs.com/static/index/bg_hezuohuoban.png")no-repeat right bottom;
		background-size: 744rpx 710rpx;

	}

	.cooperative-hzhbtext {
		font-size: 34rpx;
		font-weight: bold;
		color: #333333;
		margin-top: 66rpx;
		margin-bottom: 42rpx;
	}

	.cooperative-jianju {
		margin-top: 34rpx;
	}

	.cooperative-img {
		width: 204rpx;
		height: 114rpx;

	}
</style>
